<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册页</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/register.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <!-- 蓝色的线 -->
    <div class="header-line"></div>
    <!-- 头部主要内容 -->
    <div class="header-content clearfix">
      <!-- logo -->
      <a href="#" class="logo fl">
        <img src="./assets/images/logo.jpg" alt="logo">
      </a>
      <!-- 导航 -->
      <nav class="navigation fl">
        <ul class="clearfix">
          <li class="fl active"><a href="#">首页</a></li>
          <li class="fl"><a href="#">关于鼎搜</a></li>
          <li class="fl"><a href="#">鼎搜服务</a></li>
          <li class="fl"><a href="#">鼎搜动态</a></li>
          <li class="fl"><a href="#">鼎搜诚聘</a></li>
          <li class="fl"><a href="#">鼎搜公益</a></li>
        </ul>
      </nav>
      <!-- 搜索 -->
      <div class="search fr">
        <input type="text">
        <div class="search-logo">
          <img src="./assets/images/search.jpg" alt="search-logo">
        </div>
      </div>
    </div>
    <!-- 大图片 -->
    <div class="header-pic">
      <img src="./assets/images/tittle.jpg" alt="title">
    </div>
  </header>
  <!-- 转让 -->
  <section>
    <div class="turn">
      <div class="transfer">
        <div class="transfer-line"></div>
        <div class="transfer-content">
          <p>我要转让</p>
          <p>WOYAOZHUANRANG</p>
        </div>
        <div class="transfer-line"></div>
      </div>
    </div>
  </section>
  <!-- 内容 -->
  <section>
    <p class="tip">(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
    <div class="content">
      <div class="content-left">
        <p>用户名：</p>
        <p>公司名称：</p>
        <p>登陆密码：</p>
        <p>确认密码：</p>
        <p>电子邮箱：</p>
        <p>安全问题：</p>
        <p>问题答案：</p>
        <p>性别：</p>
        <p>验证码：</p>
      </div>
      <div class="content-right">
        <p><input type="text"><span class="content-right-star">*</span><span>(可以使用中文，但禁止除[@][.]以外的特殊符号)</span></p>
        <p><input type="text"><span class="content-right-star">*</span></p>
        <p><input type="text"><span class="content-right-star">*</span></p>
        <p><input type="text"><span class="content-right-star">*</span><span
            class="content-right-password">×两次输入密码不一致</span></p>
        <p><input type="text"><span class="content-right-star">*</span><span>(每个电子邮邮箱只能注册一个帐号)</span></p>
        <p><input type="text" placeholder="&nbsp没安全提示问题"><select name="" id=""></select><span
            class="content-right-forget">(忘记密码时重设密码用)</span></p>
        <p><input type="text"></p>
        <div class="right-2">
          <input type="radio" name="sex" id=""><span>男</span>
          <input type="radio" name="sex" id=""><span>女</span>
          <input type="radio" name="sex" id=""><span>保密</span>
        </div>
        <div class="right-3">
          <input type="text" class="input3">
          <img src="./assets/images/password.jpg" alt="password">
          <span>看不清?</span>
          <span>点击更换</span>
        </div>
      </div>
      <div class="content-agreement">
        <span>会员注册协议：</span>
        <textarea name="" id="" cols="80" rows="6" readonly>
1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。</textarea>
      </div>
      <div class="content-agree">
        <div class="box">
          <input id="item2" type="checkbox" name="item">
          <label for="item2"></label>
          <span>我已阅读并完全接受服务协议</span>
        </div>
      </div>
      <div class="content-button">
        <button class="button">注册</button>
      </div>
    </div>
  </section>
  <!-- 尾部 -->
  <div class="web">
    <!-- 尾部 -->
    <footer>
      <hr class="hr">
      <div class="information clearfix">
        <ul class="footer-item fl">
          <li>简介</li>
          <li>鼎搜网简介</li>
          <li>鼎搜服务</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>帮助</li>
          <li>用户注册</li>
          <li>关于鼎搜</li>
          <li>在线咨询</li>
        </ul>
        <ul class="footer-item fl">
          <li>共赢</li>
          <li>网站合作</li>
          <li>用户协议</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>导航</li>
          <li>地图首页</li>
          <li>职能分配</li>
          <li>企业名录</li>
        </ul>
        <div class="qr-code fr">
          <div class="qe-code-first">
            <div class="first">
              <img src="./assets/images/phone.png" alt="电话">
            </div>
            <div class="two">
              <p>全国服务热线</p>
              <p>440-880-1779</p>
              <p>邮箱:dinsoo@163.com</p>
            </div>
            <div class="three">
              <p>投诉电话：4408801779</p>
              <p>周一至周六：9:20-20:00</p>
              <p><img src="./assets/images/weibo.png" alt="微博"></p>
            </div>
          </div>
          <div class="qe-code-two">
            <div class="qr">
              <img src="./assets/images/QR_25.png" alt="二维码">
            </div>
            <div class="subscription">订阅信息</div>
          </div>
        </div>
      </div>
      <div class="copyright">Copyright @2015 鼎搜网(www.dinsoo.com)版权所有</div>
    </footer>
  </div>
</body>

</html>